/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* common */
.radius-5px
{
    border-radius: 5px;
}

/** body */
#wrapper
{
    width: 960px;
    margin: 0 auto;
}

#header
{
    width: 100%;
    float:left;
    clear:both;
}

#header .top-header,#header .nav-menu
{
    width:100%;
    float:left;
    clear:both;
}
#header .top-header .img-logo
{
    float:left;
}

#header .top-header .user-info
{
    float:right;
    margin-top: 5px;
}

#header .nav-menu
{
    background: url("/Content/Images/FrontEnd/navbg.gif") repeat-x;
    height: 28px;
}
#header .nav-menu ul
{
    list-style: none;
    line-height: 28px;
}
#header .nav-menu ul li
{
    margin: 0 5px;
    width: auto;
    padding: 0 10px;
    float:left;
}
#header .nav-menu ul li a
{
    font-size: 18px;
    color: White;
}
#header .nav-menu ul li:hover 
{
    background: url('/Content/Images/FrontEnd/navbg_hover.gif') repeat-x;
    border-radius: 8px 8px 0 0;
    height:28px;
}
#header .nav-menu ul li:hover a
{
    color: Black;
}

/*container*/
#container
{
    width: 100%;
    float:left;
    clear:both;
    margin-top: 10px;
}
#container .left
{
    width: 230px;
    float:left;
}
#container .right
{
    float:right;
    width: 720px;
}

#container .left .category
{
    width:228px;
    float:left;
    clear:both;
    border: 1px solid #EBEBEB;
}    
#container .left .category .title
{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:18px;
    padding: 10px 0;
    background: #CCFFFF;
}
#container .left .category .nav-category
{
    width:90%;
    margin: 0 5%;
    clear:both;
    float:left;
}

#container .left .category .nav-category .item-category
{
    width:100%;
    clear:both;
    float:left;
    margin: 5px 0;
}

#container .left .category .nav-category .item-category p
{
    font-weight:bold;
}

#container .left .category .nav-category .nav-subcategory
{
    width: 80%;
    margin: 0 10%;
    clear:both;
    float:left;
}

/*Footer*/
#footer
{
    width: 100%;
    float:left;
    clear:both;
}
